@use "../mixins" as *;
@use "./table-of-content";

.doc-content-wrapper {
  --vp-content-width: 800px;

  padding: 32px 24px;

  @include respond-to("md") {
    padding: 48px 32px;
  }

  @include respond-to("lg") {
    padding: 48px 32px;
  }

  @include respond-to("xxl") {
    display: flex;
    padding: 64px 0 48px 64px;
  }

  @include respond-to("max") {
    display: flex;
    padding: 64px 0 48px 64px;
  }

  .doc-content-container {
    @include respond-to("xxl") {
      width: 100%;
      min-width: var(--vp-content-width);
    }

    .doc-content {
      width: 100%;
    }
  }
}
